<!-- 安全教育详情 -->
<template>
	<view class="page" v-if="info">
		<view class="xb-info">
			<view>
				<text>主题</text>
				<text>{{ info.trainingName }}</text>
			</view>
			<view>
				<text>日期</text>
				<text>{{ info.trainingTime }}</text>
			</view>
		</view>
		
		<view class="safeart">
			<view class="safeart-t">内容</view>
			<view class="safeart-c" v-html="info.trainingContent">
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				info:null
			};
		},
    onLoad(e){
      let id=e.id
      this.apis.securityApi.afSafetyEducationInfo(id).then(res=>{
        this.info=res.data
      })
    }
	}
</script>

<style lang="scss">
.xb-info{
	view{
		text:nth-child(1){
			font-size: 28upx;
			font-family: PingFang-SC-Medium, PingFang-SC;
			font-weight: 500;
			color: #666666;
		}
		text:nth-child(2){
			color: #333333;
		}
	}
}

.safeart{
	background: #FFFFFF;
	border-radius: 12upx;
	padding: 30upx 32upx;
	.safeart-t{
		font-size: 28upx;
		font-family: PingFang-SC-Medium, PingFang-SC;
		font-weight: 500;
		color: #666666;
	}
	
	.safeart-c{
		margin-top: 20upx;
		font-size: 28upx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #333333;
	}
}
</style>
